window.pageTools=window.pageTools||{};
(function(){
    function Login(isLogin, superViewSelector, eventListiner)  {
            this.isLogin = isLogin;
            this.superView = $(superViewSelector);
            this.init();
            this.eventListiner = eventListiner;
        }
        Login.prototype.init = function () { //核心代码
            var isShow = this.isLogin ? 'none' : 'block'; //登录或注册对话框确认按钮要不要显示
            var buttonText = this.isLogin ? '登录' : '注册'; //设置提交按钮上的文字内容
            //添加对话框DOM
            this.dialog = $('<div class="dialog">\
            <button class="close_btn">&times;</button>\
            <div class="input-box">\
            <input type="text" placeholder="用户名">\
            <input type="password" placeholder="密码">\
            <input type="password" placeholder="确认密码" class="again-pwd">\
            <button class="btn"></button>\
            </div>\
            </div>');
            //添加DOM到文档中
            this.superView.append(this.dialog);
            //如果是登录则不显示确认密码框，如果是注册则显示
            $('.again-pwd').css('display', isShow);
            //添加关闭的事件
            // $(".btn").text(buttonText).click(function () {
            //     this.dialog.remove(); //清除dialog这个div中所有内容，包括自身
            //     this.dialog = null;//垃圾回收处理
            //     this.eventListiner();
            // }.bind(this));
            $('.btn').text(buttonText).on('click',()=>{
                console.log(this)
                this.dialog.remove()
                this.dialog = null 
                this.eventListiner()
                console.log(this.dialog)
            })
            //单击“关闭”按钮时，清除上面创建的对话框DOM
            $(".close_btn").click(function () {
                // this.dialog.remove();
                // this.dialog = null;
                // this.eventListiner();
            }.bind(this));
        }
        
    pageTools.Login=Login;
})();



// 清除默认行为 构造函数中添加回调函数
function Nav(superSelector, datas, callback) {
    this.width = 1226;
    this.callback = callback;
    this.datas = datas || [];
    this.superView = $(superSelector || "");
    this.createView();
}
var self = this;
$(".nav_item").click(function (event) {
    if (!$(this).attr("href")) {
        event.preventDefault();
    }
    self.callback($(this).text());
});

